<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>学生成绩管理系统</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="teacher_course.css">
</head>
<body>
<div class="layout">
  <!-- 侧边栏 -->
  <nav class="sidebar">
    <div class="sidebar-title">学生成绩管理系统</div>
    <div class="sidebar-menu">
      <!-- 根据角色切换active -->
      <a href="teacher_course.html" class="active" >我的课程</a>
      <a href="teacher_score.html">课程成绩</a>
      <a href="teacher_class.html" >我的班级</a>
    </div>
    <div class="sidebar-logout">退出登录</div>
  </nav>
  <!-- 主内容区 -->
  <div class="main">
    <!-- 顶部栏 -->
    <div class="header">
      <span class="header-title">学生成绩管理系统</span>
      <span class="header-user">name【老师】</span>
    </div>

    <div class="content">

      <!-- 背景装饰 -->
      <div class="decoration-yellow"></div>
      <div class="decoration-red"></div>
      <div class="decoration-green"></div>


      <div class="card">
        <div class="actions-bar">
          <input class="search-input" placeholder="课程名" id="courseNameInput" />
          <button class="btn btn-info" onclick="searchCourse()">🔍</button>
        </div>


        <table class="table">
          <thead>
          <tr>
            <th>课程名</th>
            <th>课程描述</th>
            <th>上课地点</th>
            <th>课容量</th>
            <th>创建时间</th>
          </tr>
          </thead>
          <tbody>

          </tbody>
        </table>
      </div>

    </div>

  </div>

    </div>
  </div>
<!-- 课程详情弹窗 -->
<div id="courseDetailModal" class="modal">
  <div class="modal-content">
    <span class="close-btn" onclick="closeCourseDetailModal()">&times;</span>
    <h3>课程详情</h3>
    <div id="courseDetailContent">
      <!-- 课程详细信息将在这里显示 -->
    </div>

  </div>
</div>
  <script src="teacher_course.js"></script>
</body>
</html>